<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>四种输出方式</title>
    <style>
        div{width: 100px;height: 100px;border: 1px solid red}
    </style>
<!--    第一种，内联式输出 ，通常放在body标签结束之前-->
    <script type="text/javascript">
        alert("第一种输出方式")
    </script>
<!--    第二种输出方式，外联式，这里的script标签内不能再写js代码-->
    <script src="001_四种输出方式.js" type="text/javascript"></script>
</head>
<body>
<!--    第三种输出方式，在HTML标签属性中引入-->
    <div  onclick="alert('第三种输出方式，在HTML标签属性中引入')"></div>
<!--第四种输出方式：在a标签，herf标签中引入-->
    <a href="javascript:alert('第四种输出方式')">点击弹出对话框</a>
</body>
</html>